<?php include("include/head.php");
 
 
$eventos=mysqli_query($cnx,"SELECT * FROM `eventos` limit 5");
//ordenar por desc luego 

$cont=1;
$cont2=1;
?>
	<div id='slide'>
		<!-- Visor de imagenes del menu -->
		<div id="visor">
			<div id="visor-a">
				<div id="visor-desc">
					<h1>Creá tu evento</h1>
						<p>Creá tu evento con WhatEvent, gracias a las variedades de funcionalidades y modos de administración, usted puede organizar su evento de la manera mas facil y óptima.
						<br/><br/>Todo a un click de distancia. ¿Estás listo para probarlo? </p>
					<span class="crea">Creá tu Evento</span>

				</div>
			</div>
			<div id="visor-b">
				<!-- imagenes del slide -->
				<div id="s1" class="pics">
				 
				<?php 
				foreach ($eventos as $valor){
					echo '<img src="img/eventos/'.$valor['Portada'].'" id="texto'.$cont2++.'" width="668" height="431" alt="'.$valor['Nombre'].'" />';
						echo '
						<div id="texto'.$cont++.'0">
						<p>'.$valor['Nombre'].'</p>
						<p><b>'.$valor['Ubicacion'].'</b>|<b>'.$valor['FechaInicio'].'</b>|<a href="'.$valor['idEventos'].'">Ver evento</a></p>
						</div>';
				}
				?>
				
				</div>
				<!-- Slide temporal del menu -->
				<div id="temp" style="display: none;">
				    <img class="temp-img" src="img/eventos/a.jpg" width="668" height="431" alt="Superevento" />
					<div class="nav2" > 
						<span id="prev1b"></span> 
						<span id="next1b"></span> 
					</div>
				</div>
				<!-- FIN Slide temporal del menu  -->
				
				
				
			<!-- botones del slide -->
			</div>	
			 <div class="nav" >
				<a id="prev1" href="#"></a> 
				<a id="next1" href="#"></a>
				<div id="epigrafe">
				</div>
			 </div>
				
			
		</div>
 		 
				
		<!-- Fin del Visor -->
		<div id="visor-menu">
			<div id="menux6">
				<ul>                                       
				<li><img src="img/00.jpg" alt="evento" /><a href="#" id="evento"><b></b><span id="degra0" >Creá tu evento</span></a></li>
				<li><img src="img/01.jpg" alt="evento" /><a href="#" id="evento2"><b></b><span id="degra1">Promociona tu evento</span></a></li>
				<li><img src="img/02.jpg" alt="evento" /><a href="#" id="evento3"><b></b><span id="degra2">Vende tus entradas</span></a></li>
				<li><img src="img/03.jpg" alt="evento" /><a href="#" id="evento4"><b></b><span id="degra3">Organizá tus invitados</span></a></li>
				<li><img src="img/04.jpg" alt="evento" /><a href="#" id="evento5"><b></b><span id="degra4">E-mailing</span></a></li>
				 
				<li style=" margin-right:0px; margin-left:0px;"> <img src="img/05.jpg" alt="evento" /><a href="#" id="evento6" style="margin-right:0px; margin-left:0px;" ><b></b><span id="degra5">Tu evento en tu celular</span></a></li>
				
				</ul>
			</div>
		</div>
	
	
	 
	</div> 
	<!-- Fin slide-->
	
	<div class="limpiar"></div>
	 
	<div id='precios'> 
		<h2>Precios</h2>
		<div id='tabla'> 
			<span><b>Servicios</b><b>Costos</b></span>
				<ul>
					<li><b>Crear eventos</b><b>GRATIS</b></li>
					<li><b>Promocionar en redes sociales</b><b>GRATIS</b></li>
					<li><b>Website del evento</b><b>GRATIS</b></li>
					<li><b>Venta de entradas</b><b>*5% del total</b></li>
				</ul>
			<strong>*Conoce más acerca de nuestros precios.</strong>
		</div>
	</div>
	<div class="limpiar"></div>
	<div id='clientes'>
	<h3>Algunos de nuestros clientes son</h3>
		<div id='sponsor'>
			<span id="izq"></span>
				<img src='img/cliente1.png' alt='sponsor' />
				<img src='img/cliente2.png' alt='sponsor' />
				<img src='img/cliente3.png' alt='sponsor' />
				<img src='img/cliente4.png' alt='sponsor' />
			<span id="der"></span>
		</div>
	</div>
	<script>
	//escuendo el slide que mostró el menu
	$( "#prev1b, #next1b" ).click(function() {
		$("#temp").fadeOut( function() {
			$("#temp").hide();
		});
	});
	</script>
<?php include("include/foot.php"); 
?>
